@import '../color.scss';

*:focus{
    outline: none;
    border: none;
}
.infos{
    padding: 18px;
    .mt-input{
        margin-bottom: 20px;
        background: $bg1;
        textarea{
            height: 120px;
            background: $bg1;
        }
        input{
            background: $bg1;
        }
    }
    .upload-img{
        cursor: pointer;
        transition: 0.3s;
        &:hover{
            background: #e2e2e2;
        }
        color: $font1;
        text-align: center;
        height: 140px;
        background: $bg1;
        border: 1px solid $border;
        margin-bottom: 20px;
        img{
            width: 100%;
            height: 100%;
        }
        .wxfont{
            font-size: 40px;
            color: #ccc;
            padding: 30px 0 10px 0;
            display: inline-block;
        }
    }
    .tags-btn{
        li{
            cursor: pointer;
            display: inline-block;
            width: 25%;
            text-align: center;
            color: $font3;
            line-height: 50px;
            position: relative;
            transition: 0.3s;
            &:hover{
                color: $main;
            }
            &:first-child::after{
                display: none;
            }
            &::after{
                display: inline-block;
                content: '';
                width: 1px;
                height: 23px;
                background: $font3;
                position: absolute;
                top: 15px;
                left: 0;
            }
        }
    }
}

.phoneview{
    .mt-modal-box{
        border-radius: 30px;
        background: url(../../assets/images/phone.jpg) no-repeat;
        background-size: 100%;
    }
    .window{
        width: 100%;
        position: absolute;
        background: #fff;
        top: 90px;
        bottom: 65px;
        overflow: hidden;
    }
}